import '@/components/loading.css'

export default function Loading() {
    return <div style={{
        background: 'rgba(0,0,0,0.5)',
        border: 'none',
        position: 'fixed',
        top: '0',
        left: '0',
        width: '100vw',
        height: '100vh',
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center',
        textAlign: 'center',
        zIndex: '9999',
        flexDirection: 'column'
    }}>
        <div style={{
            background: 'rgba(0, 0, 0, 0)',
            padding: '20px',
            borderRadius: '10px',
            display: 'flex',
            flexDirection: 'column',
            alignItems: 'center',
            border: '1px solid rgba(255, 255, 255, 0.5)',
            borderEndEndRadius: '100%',
            borderEndStartRadius: '100%',
            borderStartEndRadius: '100%',
            borderStartStartRadius: '100%',
            borderLeftStyle: 'none',
            animation: 'loading 1s infinite linear',
        }}></div>
        <p style={{
            color: 'white'
        }}>加载中...</p>
    </div>
}